<!doctype html>
<html class="no-js " lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <meta name="description" content="Responsive Bootstrap 4 and web Application ui kit.">
    <title>{{ isset($meta_title) && $meta_title ? $meta_title.' | ' : '' }}亿欧精选后台管理系统</title>
    <link rel="icon" href="favicon.ico" type="image/x-icon">
    <!-- Favicon-->
    <link rel="stylesheet" href="{{ asset('/assets/plugins/bootstrap/css/bootstrap.min.css') }}">
    <link rel="stylesheet" href="{{ asset('/assets/plugins/jvectormap/jquery-jvectormap-2.0.3.min.css') }}"/>
    <link rel="stylesheet" href="{{ asset('/assets/plugins/morrisjs/morris.min.css') }}" />
    <!-- Custom Css -->
    <link rel="stylesheet" href="{{ asset('/assets/css/main.css') }}">
    <link rel="stylesheet" href="{{ asset('/assets/css/color_skins.css') }}">
    <!-- Colorpicker Css -->
    <link rel="stylesheet" href="{{ asset('/assets/plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.css') }}" />
    <!-- Multi Select Css -->
    <link rel="stylesheet" href="{{ asset('/assets/plugins/multi-select/css/multi-select.css') }}">
    <!-- Bootstrap Spinner Css -->
    <link rel="stylesheet" href="{{ asset('/assets/plugins/jquery-spinner/css/bootstrap-spinner.css') }}">
    <!-- Bootstrap Tagsinput Css -->
    <link rel="stylesheet" href="{{ asset('/assets/plugins/bootstrap-tagsinput/bootstrap-tagsinput.css') }}">
    <!-- Bootstrap Select Css -->
    <link rel="stylesheet" href="{{ asset('/assets/plugins/bootstrap-select/css/bootstrap-select.css') }}" />
    <!-- noUISlider Css -->
    <link rel="stylesheet" href="{{ asset('/assets/plugins/nouislider/nouislider.min.css') }}" />
    <!---->
    <link rel="stylesheet" href="{{ asset('/assets/plugins/dropzone/dropzone.css') }}" />

    <link rel="stylesheet" href="{{ asset('/assets/plugins/sweetalert/sweetalert.css') }}" />

    <script type="text/javascript" src="{{ asset('/assets/plugins/jquery/jquery.js') }}"></script>
</head>
<body class="theme-blue menu_img">
<br/>
<!-- Page Loader -->
<div class="page-loader-wrapper">
    <div class="loader">
        <div class="m-t-30"><img class="zmdi-hc-spin" src="{{ asset('/assets/images/logo.svg') }}" width="48" height="48" alt="Oreo"></div>
        <p>Please wait...</p>
    </div>
</div>
<div class="page-loader-wrapper wait_prompt" style="display:block; background:rgba(0,0,0,0);">
    <div class="loader">
        <div class="m-t-30"><img class="zmdi-hc-spin" src="{{ asset('/assets/images/logo.svg') }}" width="48" height="48" alt="Oreo"></div>
        <p style="color: #999;">Please wait...</p>
    </div>
</div>
<!-- Overlay For Sidebars -->
<div class="overlay"></div>

<!-- Top Bar -->
<nav class="navbar p-l-5 p-r-5">
    <ul class="nav navbar-nav navbar-left">
        <li><a href="javascript:void(0);" class="ls-toggle-btn" data-close="true"><i class="zmdi zmdi-swap"></i></a></li>
        <div class="navbar-header" style="padding-top:15px;">
                <a href="javascript:void(0);" class="bars" style="display: none;"></a>
                <a class="navbar-brand" href="{{ url('/') }}"><img src="/assets/images/logo.svg" width="30" alt="Oreo"><span class="m-l-10">亿欧精选后台管理系统</span></a>
        </div>
        <!--
        <li class="hidden-sm-down">
            <div class="input-group">
                <input type="text" class="form-control search_input search_submit" name="keywords" placeholder="Search..." value="{{ request()->get('keywords') }}">
                <span class="input-group-addon">
                    <i class="zmdi zmdi-search"></i>
                </span>
            </div>
        </li>
        -->
        <li class="float-right">
            <a href="javascript:void(0);" class="fullscreen hidden-sm-down" data-provide="fullscreen" data-close="true"><i class="zmdi zmdi-fullscreen"></i></a>
            {{--<a href="{{ url('logout') }}" class="mega-menu" data-close="true"><i class="zmdi zmdi-power"></i></a>--}}
            <a href="{{ route('logout') }}" class="mega-menu" data-close="true" onclick="event.preventDefault(); document.getElementById('logout-form').submit();">
                <i class="zmdi zmdi-power"></i>
            </a>

            <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
                {{ csrf_field() }}
            </form>
        </li>
    </ul>
</nav>

<!-- Left Sidebar -->
<aside id="leftsidebar" class="sidebar">
    <div class="tab-content">
        <div class="tab-pane stretchRight active" id="dashboard">
            <div class="menu">
                @include('layouts.left')
            </div>
        </div>
    </div>
</aside>

<!-- Right Sidebar -->

<!-- Chat-launcher -->

<!-- Main Content -->
<section class="content home">
    <div class="block-header">
        @include('flash::message')
    </div>
    <div class="container-fluid">
        @yield('content')
    </div>
</section>

<!-- Jquery Core Js -->
<script src="{{ asset('/assets/bundles/libscripts.bundle.js') }}"></script>
<script src="{{ asset('/assets/bundles/vendorscripts.bundle.js') }}"></script>
<script src="{{ asset('/assets/bundles/morrisscripts.bundle.js') }}"></script>
<script src="{{ asset('/assets/bundles/jvectormap.bundle.js') }}"></script>
<script src="{{ asset('/assets/bundles/knob.bundle.js') }}"></script>
<script src="{{ asset('/assets/bundles/mainscripts.bundle.js') }}"></script>
<script src="{{ asset('/assets/js/pages/index.js') }}"></script>
<script src="{{ asset('/assets/plugins/sweetalert/sweetalert.min.js') }}"></script>
<script src="{{ asset('/assets/js/pages/common.js') }}"></script>
<script>
    $('div.alert').not('.alert-important').delay(3000).fadeOut(350);
</script>
@yield('js')
</body>
</html>
